<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<title></title>
		<script src="./font/iconfont.js"></script>
		<script src="dist/bundle.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="" style="overflow: hidden;">
			<div id="navigation">
				上传图片
			</div>
			<div id="input-file-box">
				<label for="uploadfile">
					<svg class="img-upload-icon">
						<use xlink:href="#icon-tianjiatupian"></use>
					</svg>
				</label>
				<input type="file" name="file-upload" id="uploadfile" multiple>
			</div>

			<div id="success-icon">
				<img src="src/static/success.png" >
				<h4>图片上传成功</h4>
				<p>您可在设备端对图片进行操作</p>
				<p>如需重新上传，请重新获取二维码并按步骤操作</p>
			</div>
			<div id="failed-icon">
				<img src="src/static/failed.png" >
				<h4>图片上传失败</h4>
				<p>请重新获取二维码并按步骤操作</p>
			</div>

			<div id="img-box"></div>


			<div id="rechoose">
				<div class="upload-btn" id="submit-btn">
					确定上传
				</div>
				<label for="uploadfile">
					<div class="upload-btn rechoose-btn">
						重新选择
					</div>
				</label>
			</div>
			<label for="uploadfile">
				<div id="choose-btn" class="upload-btn">
					上传图片
				</div>		
			</label>
		</div>
		
		<div id="loading">
			正在上传，请稍后...
			<img src="./src/static/loading-bars.gif" >
		</div>
		
	</body>
</html>
